import React from 'react'
import {NavLink} from 'react-router-dom'
import './style.less'
export default function index() {
  return (
    <div className='Nav-footer'>
        <ul className='bottonNav'>
            <li>
                <NavLink to={'/'} className={({isActive})=>isActive?'active':''} >
                    <i className='icon-shouye iconfont'></i>
                    <span>首页</span>
                </NavLink>
            </li>
            <li>
                <NavLink to={'/life'} className={({isActive})=>isActive?'active':''}>
                    <i className='icon-icon iconfont'></i>
                    <span>生活</span>
                </NavLink>
            </li>
            <li>
                <NavLink to={'/shop'} className={({isActive})=>isActive?'active':''}>
                    <i className='icon-gouwuche iconfont'></i>
                    <span>购物车</span>
                </NavLink>
            </li>
            <li>
                <NavLink to={'/user'} className={({isActive})=>isActive?'active':''} >
                    <i className='icon-wode iconfont'></i>
                    <span>我的</span>
                </NavLink>
            </li>
        </ul>
    </div>
  )
}
